<template>
  <m-page>
    <!-- 借款持有记录页（循环贷） -->
    <m-header title="当前持有">
      <!-- 持有记录页头部区域 -->
      <div class="g-head">
        <div><span class="iconfont">&#xe600;</span></div>
        <div><span>当前持有</span></div>
        <div><span>借还记录</span></div>
      </div>
      <!-- 持有额度区域 -->
      <div class="g-limit">
        <div><span>剩余应还总额（元）</span></div>
        <div><span>400,000.00</span></div>
        <div><span>共2笔借款未还清</span></div>
      </div>
      <!-- 借款列表区域 -->
      <ul class="g-list">
        <li class="z-current">
          <div>
            <input type="radio" name="list" checked />
          </div>
          <div>
            <div class="g-list-money">
              <span>借款金额</span><span> ￥300,000.00</span>
            </div>
            <div class="g-list-return">
              <span>剩余应还</span><span> ￥200,000.00</span>
            </div>
            <div class="g-list-date"><span>2019/12/04至2020/12/04</span></div>
          </div>
          <div>
            <div></div>
            <div><span class="iconfont">&#xe62a;</span></div>
          </div>
        </li>
        <li>
          <div>
            <input type="radio" name="list" />
          </div>
          <div>
            <div class="g-list-money">
              <span>借款金额</span><span> ￥100,000.00</span>
            </div>
            <div class="g-list-return">
              <span>剩余应还</span><span> ￥40,000.00</span>
            </div>
            <div class="g-list-date"><span>2019/2/12至2020/8/12</span></div>
          </div>
          <div>
            <div></div>
            <div><span class="iconfont">&#xe62a;</span></div>
          </div>
        </li>
      </ul>
      <!-- 立即还款按钮 -->
      <div class="g-enter">
        <button>立即还款</button>
      </div>
    </m-header>
  </m-page>
</template>

<script>
export default {
  components: {},
  data() {
    return {};
  },
  created() {},
  mounted() {},
  watch: {},
  computed: {}
};
</script>

<style lang="scss" scoped>
@import "./index.scss";
</style>
